import React, { Component } from 'react'
import { Text, StyleSheet, View, Image, Dimensions } from 'react-native'

export default class index extends Component {
  render() {
    return (
      <View style={[styles.container]}>
        <Image
          style={[styles.itemImage]}
          source={require('./images/2.jpg')}
        />

        <Image
          style={styles.tinyLogo}
          source={{
            uri: 'https://reactnative.dev/img/tiny_logo.png',
          }}
        />
        <Image
          style={styles.logo}
          source={{
            uri:
              '',
          }}
        />
      </View>
    )
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center'
  },
  itemImage: {
    height: 200,
    width: Dimensions.get('window').width,
    marginVertical: 20
  },
  tinyLogo: {
    width: 100,
    height: 100,
    marginVertical: 20
  },
  logo: {
    width: 66,
    height: 58,
  },
})
